.grid-gray:before{
    color:#666;
    font-size:18px;
}



.grid-view-loading {
    background:url(../../images/loading.gif) center 5px no-repeat;
    z-index: 9999;
}

.grid-view{
    font-size: 13px;
}

.grid-view table.items {
    background: white;
    border-collapse: collapse;
    width: 100%;
    border: 1px #D0E3EF solid;
}

.grid-view table.items th, .grid-view table.items td {
    border: 1px solid #ccc ;
    padding:5px 5px;
}

.grid-view table.items th {
    background:linear-gradient(#e8e8e8,#e4e4e4);
    text-align: left;
    padding:6px 5px;
    text-transform: uppercase;
}

.grid-view table.items th a
{
    font-size:13px;
    color: #555;
    font-weight: bold;
    text-decoration: none;
}

.grid-view table.items th a:hover
{
    color: #444;
}

.grid-view table.items td a.update {
  display:block;
}

.grid-view table.items td a.delete {
  display:block;
  margin-left:24px;
}

.grid-view table.items th a.asc
{
    background:url(../../images/arrow-up-white.png) right center no-repeat;
    padding-right: 15px;
}

.grid-view table.items th a.desc
{
    background:url(../../images/arrow-down-white.png) right center no-repeat;
    padding-right: 15px;
}

.grid-view table.items tr:hover {
    cursor: pointer;
}

.grid-view table.items tr.even
{
    background: #fafafa;
}

.grid-view table.items tr.odd
{
    background: #fafafa;
}

.grid-view table.items tr.selected
{
    background: #eee;
}

.grid-view table.items tr:hover.selected
{
    background: #eee;
}

.grid-view table.items tbody tr:hover
{
    background: #f4f4f4;
}

.grid-view .link-column img
{
    border: 0;
}

.grid-view .button-column {
    padding:0px;
    margin:0px;
    width:70px;
    text-align: center;
}

.grid-view .icon-left-col a {
    text-decoration:none;
    opacity:0.6;
    margin-right:4px;
    margin-left:2px;
    display:block;
    float:left;
    width:20px;

}

.grid-view .button-column a {
    text-decoration:none;
    opacity:0.6;
    margin-right:5px;
    width:20px;
}


.grid-view .icon-left-col a:hover,
.grid-view .button-column a:hover {
  opacity:1;
}

.grid-view .summary {
    margin: 0 0 10px 0;
    text-align: left;
    font-size:14px;
}

.grid-view .empty {
    font-style: italic;
}

.grid-view .filters td {
  background-color:#f4f4f4;
}

.grid-view .filters input,
.grid-view .filters select
{
    width: 100%;
    border: 1px solid #ccc;
    background-color:#f8f8f8;
    padding:3px 2px;
}



.grid-view div.summary {
    padding:0px 5px;
}